import React, { Component, Fragment } from 'react';

// 引入子组件
import Mycls4child from './Mycls4child';
// <></> 
class Mycls4 extends Component {
    state = {
        username: '及时雨-哥哥',
        arr: ['jim', 'lucy', 'lily', '韩梅梅']
    }
    render() {
        return (
            <Fragment>
                {/* 使用子组件 */}
                {/* <Mycls4child>2214班级都是大佬</Mycls4child> */}
                <Mycls4child>{this.state.username}</Mycls4child>
                <Mycls4child >
                    {/* <ul>
                        <li>阮小二</li>
                        <li>阮小五</li>
                        <li>阮小七</li>
                    </ul> */}
                    {/* {this.state.arr} */}
                    <ul>
                        {
                            this.state.arr.map((item, index) => {
                                return <li key={index}>{item}</li>
                            })
                        }
                    </ul>
                </Mycls4child>
            </Fragment>
        );
    }
}

export default Mycls4;
